<template>
  <div id="welfare">
    <!-- 公益作用 -->
    <div class="review">
      <Suspense>
        <template #default>
          <Publicwelfare></Publicwelfare>
        </template>
      </Suspense>
    </div>
    <!-- 以往公益记录 -->
    <div class="previou">
      <Suspense>
        <template #default>
          <Previou></Previou>
        </template>
      </Suspense>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { Publicwelfare, Previou } from '@/components/client/home'
import currScroll from '@/hooks/scroll'

// 记录当前浏览进度
currScroll()
</script>

<style scoped lang="less">
#welfare {
  // 动画名称
  animation: fadeInUp;
  // 动画持续时间
  animation-duration: 1s;
}
</style>
